<template>
  <!-- <StudentPage /> -->
  <!-- 添加路由出口 -->
  <router-view></router-view>
  <div class="tabbar">
    <router-link to="/home">商城首页</router-link>
    <router-link to="/cate">商品分类</router-link>
    <router-link to="/cart">购物车</router-link>
    <router-link to="/ucenter">会员中心</router-link>
  </div>
</template>

<script>
// import StudentPage from "./pages/StudentPage";
export default {
  components: {
    // StudentPage,
  },
};
</script>

<style>
.tabbar{
  position: fixed;
  bottom:0;
  left:0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  display: flex;
}
.tabbar a{
  flex:1;
  border-right:1px solid #CCC;
  text-decoration: none;
  text-align: center;
  background: #eee;
  color:#333;
}
/* 路由导航高亮选择器 */
.tabbar a.router-link-active{
  background: red;
  color:#FFF;
}
</style>
